<template>
  <div>
    <div class="container">
      <swiper-page></swiper-page>
      <index-chart></index-chart>
      <index-list></index-list>
      <index-product></index-product>
      <index-head></index-head>
    </div>
  </div>
</template>

<script>
import indexHead from "./components/indexHead";
import indexChart from "./components/indexChart";
import indexList from "./components/indexList";
import indexProduct from "./components/indexProduct";
import swiperPage from "@/components/common/swiperPage";
export default {
  name: "indexpage",
  components: {
    indexHead,
    indexChart,
    indexList,
    indexProduct,
    swiperPage,
  },
};
</script>

<style lang="stylus" scoped>
.container {
  position: relative;
  z-index: 999999;
}
</style>
